<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title></title>
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/base.min.js"></script>
</head>
<body>
<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top main:top">
            <p>A</p>
            <span>♠</span>
        </div>
    </div>

    <div class="div1_2" flex="main:center">♠</div>


    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>A</p>
            <span>♠</span>
        </div>
    </div>
</div>

<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>2</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:center">
            <div class="div2">♠</div>
        </div>
        <div flex="main:center cross:top">
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>2</p>
            <span>♠</span>
        </div>
    </div>
</div>

<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>3</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:center">
            <div class="div2">♠</div>
        </div>
       <div flex="main:center">
           <div class="div2">♠</div>
       </div>
        <div flex="main:center cross:top">
            <div class="div2 div2_1">♠</div>
        </div>

    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>3</p>
            <span>♠</span>
        </div>
    </div>
</div>

<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>4</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>

    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>4</p>
            <span>♠</span>
        </div>
    </div>
</div>


<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>5</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div  flex="main:center cross:center">
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>5</p>
            <span>♠</span>
        </div>
    </div>
</div>


<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>6</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>6</p>
            <span>♠</span>
        </div>
    </div>
</div>

<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>7</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div class="float2">
        <div  flex="main:center">
            <div class="div2">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>7</p>
            <span>♠</span>
        </div>
    </div>
</div>


<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>8</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div class="float2" flex="dir:top main:justify">
        <div  flex="main:center">
            <div class="div2">♠</div>
        </div>
        <div  flex="main:center">
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>8</p>
            <span>♠</span>
        </div>
    </div>
</div>


<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p>9</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify cross:top">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div class="float2" flex="dir:top main:center">
        <div  flex="main:center">
            <div class="div2">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p>9</p>
            <span>♠</span>
        </div>
    </div>
</div>


<div class="div" flex="dir:top main:justify">
    <div>
        <div  class="div1"  flex="dir:top">
            <p class="p">10</p>
            <span>♠</span>
        </div>
    </div>
    <div class="float" flex="dir:top main:justify">
        <div flex="main:justify cross:top">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2">♠</div>
            <div class="div2">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
        <div flex="main:justify cross:top">
            <div class="div2 div2_1">♠</div>
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div class="float2" flex="dir:top main:justify">
        <div  flex="main:center">
            <div class="div2">♠</div>
        </div>
        <div  flex="main:center">
            <div class="div2 div2_1">♠</div>
        </div>
    </div>
    <div flex="main:right">
        <div  class="div1 div1_1"  flex="dir:top">
            <p class="p">10</p>
            <span>♠</span>
        </div>
    </div>
</div>
</body>
</html>